<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>血液库房报损数据录入(W)</span>
      </div>
      <el-form size="mini" :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="报损科室">
          <el-select filterable v-model="formInline.region" placeholder="可搜索">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="报损人">
          <el-input v-model="formInline.user"></el-input>
        </el-form-item>
        <el-form-item label="报损日期">
          <el-date-picker v-model="formInline.user" type="date" placeholder="选择日期"></el-date-picker>
        </el-form-item>
        <el-form-item label="报损血液">
          <el-input v-model="formInline.user" style="width:350px"></el-input>
        </el-form-item>
      </el-form>
      <el-table :data="tableData" height="300" border>
        <el-table-column prop="date" label="血液名称" width="180"></el-table-column>
        <el-table-column prop="name" label="规格" width="180"></el-table-column>
        <el-table-column prop="address" label="单位"></el-table-column>
        <el-table-column prop="name" label="入库单号" width="180"></el-table-column>
        <el-table-column prop="address" label="采购价"></el-table-column>
        <el-table-column prop="name" label="库存数量" width="180"></el-table-column>
      </el-table>
      <el-form
        style="padding:10px 0"
        size="mini"
        :inline="true"
        :model="formInline"
        class="demo-form-inline"
      >
        <el-form-item label="数量">
          <el-input v-model="formInline.user"></el-input>
        </el-form-item>
        <el-form-item label="科室意见">
          <el-select filterable v-model="formInline.region" placeholder="可搜索">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="报损原因">
          <el-select filterable v-model="formInline.region" placeholder="可搜索">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button size="mini">增加</el-button>
          <el-button size="mini" disabled>继续</el-button>
          <el-button size="mini" disabled>修改</el-button>
          <el-button size="mini" disabled>保存</el-button>
          <el-button size="mini" disabled>取消</el-button>
        </el-form-item>
      </el-form>
      <el-table :data="tableDataBottom" height="300" border style="width: 100%">
        <el-table-column type="index" width="50"></el-table-column>
        <el-table-column prop="date" label="血液名称" ></el-table-column>
        <el-table-column prop="name" label="规格" ></el-table-column>
        <el-table-column prop="address" label="单位"></el-table-column>
        <el-table-column prop="date" label="报损数量" ></el-table-column>
        <el-table-column prop="name" label="单价" ></el-table-column>
        <el-table-column prop="address" label="实有数量"></el-table-column>
        <el-table-column prop="date" label="报损人" ></el-table-column>
        <el-table-column prop="name" label="科室意见" ></el-table-column>
        <el-table-column prop="address" label="报损原因"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
      ],
      tableDataBottom:[
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
.demo-form-inline {
  height: 35px;
}
</style>